@for $i from 1 through 20 {
  .mar-#{$i} { margin: #{$i}px; }
  .mar-l-#{$i} { margin-left: #{$i}px; }
  .mar-r-#{$i} { margin-right: #{$i}px; }
  .mar-t-#{$i} { margin-top: #{$i}px; }
  .mar-b-#{$i} { margin-bottom: #{$i}px; }
  .mar-lr-#{$i} { margin-left: #{$i}px; margin-right: #{$i}px; }
  .mar-tb-#{$i} { margin-top: #{$i}px; margin-bottom: #{$i}px; }
}
